// sidebar
.dark {
  --menuText: #bfcbd9; //导航字默认颜色
  --menuActiveText: #409eff; //导航字父极默认颜色
  --subMenuActiveText: #f4f4f5; //导航字子极默认颜色
  --menuBg: #304156; //导航背景色
  --menuHover: #263445;
  --subMenuBg: #1f2d3d; //子级导航背景色
  --subMenuHover: #001528;
}
.base {
  --menuText: #5b7096;
  --menuActiveText: #2777e9;
  --subMenuActiveText: #000;
  --menuBg: #fcfdfe;
  --menuHover: #edf5f8;
  --subMenuBg: #fcfdfe;
  --subMenuHover: #edf5f8;
}

$menuText: var(--menuText);
$menuActiveText: var(--menuActiveText);
$subMenuActiveText: var(--subMenuActiveText);

$menuBg: var(--menuBg);
$menuHover: var(--menuHover);

$subMenuBg: var(--subMenuBg);
$subMenuHover: var(--subMenuHover);

$sideBarWidth: 210px;
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
}
